<template>
  <div id="app">
    <one-button type="success" round @click="handleLogin">登录</one-button>

    <!-- <one-dialog :visible.sync="dialogVisible" title="系统提示">
      <h2 slot="header">系统提示啊哈哈</h2>
      <h3>这是正文</h3>
      <div slot="footer">
        <one-button type="success">确认</one-button>
      </div>
    </one-dialog> -->
    <one-radio-group v-model="gender">
      <one-radio v-for="(item, i) in radioOptions" :label="item.label" :key="i">{{ item.alias }}</one-radio>
    </one-radio-group>
  </div>
</template>

<script>
export default {
  name: "App",
  components: {},
  data() {
    return {
      dialogVisible: false,
      gender: "2",
      radioOptions: [
        { label: "1", alias: "男" },
        { label: "2", alias: "女" },
        { label: "3", alias: "未知" },
      ],
    };
  },
  methods: {
    handleLogin() {
      console.log("登录");
      this.dialogVisible = true;
    },
  },
};
</script>

<style lang="scss"></style>
